<template>
  <el-config-provider :locale="locale">
    <router-view></router-view>
  </el-config-provider>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/lib/locale/lang/zh-cn";
import { useGlobSet } from "./store/modules/setting";
const globSet = useGlobSet();
const locale = ref(zhCn);
const WIDTH = 1000;
onMounted(() => {
  winResize();
  window.addEventListener("resize", winResize);
});
function winResize() {
  const width = document.documentElement.getBoundingClientRect().width;
  globSet.isMobile = width < WIDTH;
}
</script>
<style></style>
